@charset "utf-8";

.footer{position: relative; z-index: 98; font-size: .875em; background: #fff;}
@media (max-width:1500px) {
  .footer{font-size: 1em;}	
}

.footer-link-layer{position: relative; background: #f5f5f5;}
.footer-link-menu .hd{position: absolute; top: 50%; left: auto; margin-top: -.5em; color: #666; line-height: 1em;}
.footer-link-menu ul{margin-right: -.625em; margin-left: -.625em; padding: 10px 0; overflow :hidden;}
.footer-link-menu ul li{float: left; width: 25%; text-align: center;}
.footer-link-menu ul li a{position: relative; display: block; margin-right: .625em; margin-left: .625em; padding-right: .625em; padding-left: .625em; color: #666; text-align: left; line-height: 35px; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden;}
.footer-link-menu ul li a i{position: absolute; top: 50%; right: 10px; line-height: 1em; margin-top: -.5em; color: #cdcdcd;  -webkit-transition: all linear .4s; -moz-transition: all linear .3s; -o-transition: all linear .3s; transition: all linear .3s;}
.footer-link-menu ul li a:hover{color: #333;}
.footer-link-menu ul li a font{display: inline-block; line-height: 20px; vertical-align: top;}
.footer-link-menu ul li a:hover{opacity: .85; filter: alpha(opacity=85);}
.footer-link-menu ul li.hasdrop a{padding-right: 2.125em;}
.footer-link-menu ul li.hasdrop.on a{font-weight: bold;}
.footer-link-menu ul li.hasdrop.on a i{color: #999; font-weight: normal; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.footer-link-content{overflow: hidden;}
.footer-link-content ul{display: none; margin-right: -1px; margin-left: -1px; padding-bottom: 1em; overflow: hidden;}
.footer-link-content ul li{float: left;}
.footer-link-content ul li a{display: block; padding: .5em .625em; margin: 0 1px 2px; font-size: .9375em; color: #999; text-align: left; transition: .3s all; background-color: rgba(255,255,255,.5); border-radius: .25em;}
.footer-link-content ul li a:hover{color: #808080; background-color: rgba(255,255,255,.25);}
.footer-link-content ul.col-4 li{width: 25%;}
.footer-link-content ul.col-5 li{width: 20%;}
.footer-link-content ul.col-6 li{width: 16.66667%;}
@media (max-width:1500px) {
  .footer-link-menu ul{margin-right: 10px; margin-left: -10px;}
  .footer-link-menu ul li a{margin-right: 10px; margin-left: 10px;}
}
@media (max-width:1280px) {
  .footer-link-content ul.col-4 li{width: 33.3333%;}
  .footer-link-content ul.col-5 li{width: 25%;}
  .footer-link-content ul.col-6 li{width: 20%;}
}
@media (max-width:992px) {
  .footer-link-menu .hd{display: none;}
  .footer-link-menu .bd{margin-left: 0;}
  .footer-link-menu ul{margin: -5px -2px 0 -3px; padding-top: 20px; padding-bottom: 20px;}
  .footer-link-menu ul li{width: 50%;}	
  .footer-link-menu ul li a{margin: 5px 2px 0 3px; line-height: 30px; background: rgba(255,255,255,.085); border-radius: .125em;}
  .footer-link-menu ul li.hasdrop.on a{font-weight: bold;}
  .footer-link-menu ul li.hasdrop.on a i{font-weight: normal;}
  .footer-link-content ul{margin-right: 0; margin-left: 0;}
  .footer-link-content ul li{width: 33.33333% !important;}
  .footer-link-content ul li a{margin-right: 0; margin-left: 0; padding-top: .3125em; padding-bottom: .3125em; line-height: 1.625em; background: none !important;}
}
@media (max-width:992px) {
  .footer-link-menu ul{padding-top: 15px; padding-bottom: 15px;}
}
@media (max-width:640px) {
  .footer-link-content ul li{width: 50% !important;}
}

.footer-layer{padding-top: 30px; padding-bottom: 30px; font-size: .9375em; color: #808080; line-height: 1.625em;}
.footer-layer a{color: #808080;}
.footer-layer a:hover{color: #666;}
.footer-layer .bqxx p{padding: .3125em .625em; margin-bottom: 0;}
.footer-layer .bqxx p.beian{white-space: nowrap;}
.footer-layer .bqxx p.beian img{margin-right: 5px;}
.footer-layer > .container{position: relative;}
.footer-layer > .container:before{position: absolute; top: 0; left: 19.5%; bottom: 0; display: block; content: ""; width: 1px; background: #d6d6d6;}
.footer-layer > .container:after{position: absolute; top: 0; right: 22%; bottom: 0; display: block; content: ""; width: 1px; background: #d6d6d6;}
.footer-card{position: relative;}
.footer-card.wzbs{position: absolute; top: 50%; left: 0; width: 22%; margin-top: -40px;}
.footer-card.wzbs span{display: inline-block; vertical-align: middle;}
.footer-card.wzbs span#_span_jiucuo img{height: 60px;}
.footer-card.dbxx{position: relative; margin-right: 22%; margin-left: 22%;}
.footer-card.dbxx .bqxx p{display: inline-block;}
.footer-card.mpxx{position: absolute; top: 50%; right: 0; width: 22%; margin-top: -25px; text-align: right;}
.footer-card.mpxx span{display: inline-block; vertical-align: middle;}
.footer-card.mpxx span img{height: 50px;}
.footer-menu{text-align: left;}
.footer-menu li{display: inline-block;}
.footer-menu li a{display: inline-block; padding: .3125em .625em; line-height: 1.75em;}
.footer-menu li a img{display: block; width: 25px; height: 25px; margin: 0 auto .5em;}
.footer-menu li a span{display: block; text-align: center;}
.footer-menu li.last font{display: none;}
.footer-menu li:last-child font{display: none;}
@media (max-width:1280px) {
  .footer-layer{padding-top: 20px; padding-bottom: 20px;}
  .footer-layer > .container:after{right: 21%;}
  .footer-card.wzbs{left: 20px; width: 15%; margin-top: -70px; text-align: center;}
  .footer-card.wzbs span{display: inline-block; vertical-align: middle;}
  .footer-card.mpxx{right: 20px; width: 15%; margin-top: -55px; text-align: center;}
  .footer-card.mpxx span + span{margin-top: 10px;}
}
@media (max-width:992px) {
  .footer{font-size: .875em;}
  .footer-layer{padding-top: 5px; background: #f9f9f9;}
  .footer-layer > .container{padding-right: 7px !important; padding-left: 8px !important;}
  .footer-layer > .container:before{content: normal;}
  .footer-layer > .container:after{content: normal;}
  .footer-item{position: relative; margin: 15px 7px 0 8px;}
  .footer-item:after{position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background: #fff; opacity: .45; filter: alpha(opacity=45);}
  .footer-item > *{position: relative; z-index: 2;}
  .footer-card.dbxx{margin-left: 0; margin-right: 33%;}
  .footer-card.dbxx .footer-item{padding: 16px 10px 15px; margin-right: 15px;}
  .footer-card.wzbs{top: -15px; right: 7px; left: auto; width: 33%; margin-top: 0; height: 80px; line-height: 80px; text-align: center;}
  .footer-card.wzbs span#__ideConac img{height: 60px;}
  .footer-card.wzbs span#_span_jiucuo img{height: 50px;}
  .footer-card.mpxx{top: 85px; bottom: auto; right: 7px; left: auto; width: 33%; margin-top: 0; height: 80px; line-height: 80px; text-align: center;}
  .footer-card.mpxx span img{height: 35px; margin: 0 5px;}
  .footer-card.mpxx span + span{margin-top: 0;}
}
@media (max-width:768px) {
  .footer{font-size: .875em;}	
  .footer-layer{padding-top: 0; padding-bottom: 0; line-height: 1.375em;}
  .footer-layer > .container{margin-top: 0; padding-right: 0!important; padding-left: 0!important;}
  .footer-card{float: none !important; width: auto !important;}
  .footer-card.dbxx{margin-right: 0; border-top: 1px solid #efefef;}
  .footer-card.dbxx .bqxx br{display: none;}
  .footer-card.wzbs{position: static; margin-top: 0; width: auto; height: auto; line-height: normal;}
  .footer-card.wzbs span#__ideConac img{height: 70px;}
  .footer-card.wzbs span#_span_jiucuo img{height: 55px;}
  .footer-card.mpxx{position: static; margin-top: 0; width: auto; height: auto; line-height: normal; background: #fff;}
  .footer-card.mpxx span img{height: 45px;}
  .footer-item{padding: 10px 5px; min-height: inherit; margin: 0;}
  .footer-item:after{content: normal;}
}
@media (max-width:414px) {
  .footer-card.wzbs span#__ideConac img{height: 60px;}
  .footer-card.wzbs span#_span_jiucuo img{height: 40px;}
  .footer-card.mpxx span img{height: 35px;}
  .footer-menu{margin-bottom: 5px; padding-left: .125em;}
  .footer-menu li font{display: none;}
  .footer-menu li a{padding: .25em .5em;}
}

